*{padding:0;margin:0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);}
a{text-decoration: none;}
li{list-style: none;}
img{vertical-align: middle;flex-shrink: 0;-webkit-flex-shrink:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
button,input,select,radio,checkbox{ -webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent;}
html {
    font-size : 20px;
}
@media only screen and (min-width: 350px){
    html {
        font-size: 25px !important;
    }
}
@media only screen and (min-width: 401px){
    html {
        font-size: 26.75px !important;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 30px !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 35px !important;
    }
}
@media only screen and (min-width: 569px){
    html {
        font-size: 40px !important;
    }
}

/*通用*/
.fl{float:left;}
.fr{float: right;}
.hide{display:none;}
.show{display:block;}
.hidden{overflow: hidden;}
.posi-r{position: relative;}
.clear:after{display: block;content:'';clear: both;}
.t-hide1{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.t-hide2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.t-hide3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.mask{z-index:999;position:fixed;left:0;top:-9999px;bottom:-9999px;right:0;opacity:0.7;background:#000;}
.txt-r{text-align:right;}
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.scroll{overflow:scroll;-webkit-overflow-scrolling: touch;overflow-scrolling: touch}
.scroll-win{position:absolute;top:0;left:0;width:100%;height:100%}

/*flex*/
.flex{display:-webkit-box;display: -webkit-flex;display:flex;}
.flex-between{-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.flex-around{-webkit-justify-content: space-around;justify-content: space-around;}
.flex-center{-webkit-justify-content: center;justify-content: center;}
.flex-align{-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.shrink{flex-shrink: 0;-webkit-flex-shrink:0;}
.flex1{-webkit-flex:1;-webkit-box-flex:1;flex:1;}
.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column ;flex-direction:column ; }

/*底部*/
.footer{height:2.5rem;border-top:1px solid #b6b6b6;position: fixed;bottom:0;left:0;right:0;}
.footer ul{display: -webkit-box;display: flex;display: -webkit-flex;width:100%;height:100%;background:#F6F5EB;}
.footer li{-webkit-box-flex:1;flex:1;-webkit-flex:1;text-align: center;line-height:2.5rem;position:relative;}
.footer li span{font-size:0.55rem;display:block;text-align:center;color:#9e9e9e;line-height:100%;margin-top:0.2rem;}
.footer li i.on+span{color:#784203;}
/*head*/
.head{position: fixed;top:0;left:0;right:0;height:2.05rem;border-bottom:0.05rem solid #ddd;}
.head p{text-align: center;width:100%;height:100%;font-size: 0.9rem;color:#444;font-weight: 900;line-height: 2rem;}
.head i{display: block;position: absolute;}
.head .font-icon-left{font-weight: 900;left:0.5rem;height:1rem;line-height: 1rem;top:50%;margin-top: -0.5rem;width:1rem;font-size:0.8rem;text-align: center;}

/*height*/
.footer-h{height:2.5rem;}

/*paddding*/
.pad-0-10{padding:0 0.5rem;}
.pad-5-0{padding:0.25rem 0;}
.pad-10{padding:0.5rem;}
.pad-l-10{padding-left: 0.5rem;}

/*margin*/
.mar-t-6{margin-top:0.3rem;}
.mar-10-0{margin:0.5rem 0;}

/*width*/
.w-100{width: 100%;}
/*head*/
.head-h{height:2.05rem;}

/*color*/
.c-ccc{color:#ccc;}
.c-999{color:#999;}
.c-03a9f4{color:#03a9f4 !important;}

/*bg*/
.bg-fff{background:#fff;}
.bg-03a9f4{background:#03a9f4 !important;}

/*font-size*/
.font-weight{font-weight:900;}
.font-0{font-size:0 !important;}

/*icon*/
.query-service-ft{background-size:186px;background-image: url(query-service-ft-icon.png);display:block;width:28px;height:28px;background-repeat:no-repeat;}
.query-service-ft.q-service-ft1{background-position:-32px top;margin:5px auto;}
.query-service-ft.q-service-ft2{background-position:-95px top;margin:5px auto;}
.query-service-ft.q-service-ft3{background-position:-158px top;margin:5px auto;}
.on .query-service-ft.q-service-ft1{background-position:0 top;margin:5px auto;}
.on .query-service-ft.q-service-ft2{background-position:-64px top;margin:5px auto;}
.on .query-service-ft.q-service-ft3{background-position:-127px top;margin:5px auto;}

/*icon-font*/
@font-face {
    font-family: 'font-icon';
    src: url('iconfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.font-icon {
    position: relative;
    font-family:"font-icon" !important;
    font-size: 0.7rem;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.font-icon-menu:before { content: "\e6eb"; }
.font-icon-paper:before { content: "\e6ec"; }
.font-icon-info:before { content: "\e6ed"; }
.font-icon-question:before { content: "\e6ee"; }
.font-icon-left:before { content: "\e6f4"; }
.font-icon-right:before { content: "\e6f5"; }
.font-icon-top:before { content: "\e6f6"; }
.font-icon-down:before { content: "\e6f7"; }
.font-icon-share:before { content: "\e700"; }
.font-icon-comment:before { content: "\e701"; }
.font-icon-edit:before { content: "\e6d3"; }
.font-icon-trash:before { content: "\e6d4"; }
.font-icon-recovery:before { content: "\e6dc"; }
.font-icon-refresh:before { content: "\e6dd"; }
.font-icon-close:before { content: "\e6d8"; }
.font-icon-cart:before { content: "\e6df"; }
.font-icon-star:before { content: "\e6e0"; }
.font-icon-plus:before { content: "\e6e3"; }
.font-icon-minus:before { content: "\e62d"; }
.font-icon-correct:before { content: "\e6e5"; }
.font-icon-search:before { content: "\e6e6"; }
.font-icon-gear:before { content: "\e6e8"; }
.font-icon-map:before { content: "\e6d2"; }
.font-icon-location:before { content: "\e6d1"; }
.font-icon-image:before { content: "\e6ce"; }
.font-icon-phone:before { content: "\e6c4"; }
.font-icon-camera:before { content: "\e6cd"; }
.font-icon-video:before { content: "\e6cc"; }
.font-icon-qq:before { content: "\e6cb"; }
.font-icon-wechat:before { content: "\e6c9"; }
.font-icon-weibo:before { content: "\e6c8"; }
.font-icon-note:before { content: "\e6c6"; }
.font-icon-mail:before { content: "\e6c5"; }
.font-icon-wechat-circle:before { content: "\e6ca"; }
.font-icon-home:before { content: "\e706"; }
.font-icon-forward:before { content: "\e6d9"; }
.font-icon-back:before { content: "\e6da"; }
.font-icon-laud:before { content: "\e64b"; }
.font-icon-lock:before { content: "\e6ef"; }
.font-icon-unlock:before { content: "\e62f"; }
.font-icon-like:before { content: "\e62b"; }
.font-icon-my:before { content: "\e610"; }
.font-icon-more:before { content: "\e625"; }
.font-icon-mobile:before { content: "\e697"; }
.font-icon-calendar:before { content: "\e68a"; }
.font-icon-date:before { content: "\e68c"; }
.font-icon-display:before { content: "\e612"; }
.font-icon-hide:before { content: "\e624"; }
.font-icon-pencil:before { content: "\e615"; }
.font-icon-flag:before { content: "\e6f1"; }
.font-icon-cert:before { content: "\e704"; }
